import React, { Component } from 'react'
export const Tabs = (props) => {
  return (
    <div className="tabs-order">
      {props.tabs.map((item) => (
        <div
          className={props.active === item.type ? 'on' : ''}
          key={item.id}
          onClick={() => props.changeSortType(item.type)}
        >
          按{item.name}排序
        </div>
      ))}
    </div>
  )
}
// export class Tabs extends Component {
//   render() {
//     return (
//       <div className="tabs-order">
//         {this.props.tabs.map((item) => (
//           <div
//             className={this.props.active === item.type ? 'on' : ''}
//             key={item.id}
//             onClick={() => this.props.changeSortType(item.type)}
//           >
//             按{item.name}排序
//           </div>
//         ))}
//       </div>
//     )
//   }
// }

// export default Tabs